import React, { Component } from "react"
import { View,StyleSheet,Dimensions,TouchableOpacity,TextInput,Text} from "react-native"
const {width,height} = Dimensions.get("window")
export default class Dl extends Component {
    render() {
        return (
            <View style={styles.container}>
                <TextInput style={styles.textinput1} placeholder="请输入账号"></TextInput>
                <TextInput style={styles.textinput2} placeholder="请输入密码"></TextInput>
                {/* <View style={styles.box1}>
                    <TouchableOpacity style={styles.box2}><Text style={styles.box3}>手机号登录</Text></TouchableOpacity>
                    <TouchableOpacity style={styles.box2}><Text style={styles.box3}>忘记密码</Text></TouchableOpacity>
                </View> */}
                <View style={{flexDirection:"row"}}>
                    <TouchableOpacity style={styles.box4}><Text style={styles.text1}>登录</Text></TouchableOpacity>
                    <TouchableOpacity style={styles.box4}><Text style={styles.text1}>注册</Text></TouchableOpacity>
                </View>
            </View>  
        )
    }
}
const styles=StyleSheet.create({
    container:{
        flex:1,
        backgroundColor:"grey",
        alignItems:"center",
    },
    textinput1:{
        width:width*0.6,
        height:40,
        backgroundColor:"white",
        borderRadius:20,
        marginTop:250,
        fontSize:10
    },
    textinput2:{
        width:width*0.6,
        height:40,
        backgroundColor:"white",
        borderRadius:20,
        marginTop:30,
        fontSize:10
    },
    box1:{
        flexDirection:"row",
    },
    box2:{
        paddingLeft:60,
        paddingRight:60,
        marginTop:10
    },
    box3:{
        fontSize:10,
        color:"white",
    },
    text1:{
        fontSize:20,
        color:"white"
    },
    box4:{
        width:width*0.3,
        height:40,
        borderRadius:20,
        alignItems:"center",
        justifyContent:"center",
        marginTop:70,
        backgroundColor:"green",
        marginLeft:20,
        marginRight:20
    },
})